<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>课程详情</title>
	</head>
	<body>
		<div class="app-courseDetails dpflex fdcolumn">
			<div class="video-box">
				<span id="goBack" class="btn-return iconfont icon-fanhui cfff"></span>
				<video id="videoUrl" controls></video>
				<div id="playBtn" class="play-box">
					<span class="btn-play iconfont icon-bofang cfff"></span>
					<p class="cfff mt8">视频预览</p>
				</div>
			</div>
			<div class="details flex1">
				<h2 id="name" class="f18">--</h2>
				<div class="num-box ptb10 dpflex">
					<p>
						<span id="calorie" class="hot-num-text f18">--</span
						><span class="units-text mr20">千卡</span>
						<span id="time" class="minute-num-text f18">--</span
						><span class="units-text">分钟</span>
					</p>
					<p>
						<span id="peoplenum" class="people-num-text units-text">99.99w</span
						><span class="units-text"
							>人练过 <i class="iconfont icon-jiantou"></i
						></span>
					</p>
				</div>
				<div class="user-mess dpflex ptb20">
					<img id="imgurl" src="../../assets/images/xiaolizi.png" />
					<div class="user-details flex1 ml12">
						<p id="nickname" class="name-text">用户名</p>
						<p class="mess mt8">三线达人课程设计师</p>
					</div>
					<button type="button" class="cfff f12">+关注</button>
				</div>
				<p id="desc" class="details-text">
					15分钟将带你雕刻出性感的巧克力父级，
					对腹部进行全方位的刺激，泵感十足！型男必备!... <span>更多</span>
				</p>
				<div class="method-box dpflex mt16">
					<div class="flex1 mr20">
						<i class="iconfont icon-shujuku"></i>
						<span>练习频次</span>
						<p class="mt8 ml12">每周<span id="frequency">--</span>次</p>
					</div>
					<div class="flex1">
						<i class="ico2 iconfont icon-yaling"></i>
						<span>器械</span>
						<p id="instrument">--</p>
					</div>
				</div>
				<p class="training-box">
					<a id="startBtn" href="course_play.html"
						><button class="btn-training cfff">开始训练</button></a
					>
				</p>
			</div>
		</div>
	</body>
</html>
